<extend name="./Tm/Dt/User_common.html" />

<block name="main">
	<div class="right_main">
		<div class="container-fluid">
			<div class="row">
				<div class="col-md-6">
					<div class="index_set sm_box">
						<div class="panel panel-default">
						  <div class="panel-heading"><i class="inde_icon"></i>账号信息</div>
						  <div class="panel-body">
						    <div class="qb_box">
						    	<div class="user_info">
						    		<div class="my_pho"></div>
						    		<div>投资金额：<span class="color_huang">{$user.investmoney}</span></div>
						    		<div class="tz_box"><a href="/user/wycz">投资</a>&nbsp;<a href="/user/top_up">充值</a></div>
						    	</div>
						    	<div class="user_qb">
						    		<div class="row">
						    			<div class="col-sm-4 col-xs-6">累计分红：<span class="color_huang">{$user.z_fh|sprintf="%.2f",###}</span></div>
						    			<div class="col-sm-4 col-xs-6">本月分红：<span>{$user.yue_fh}</span></div>
						    			<div class="col-sm-4 col-xs-6">直推人数：<span>{$user.ztnum}</span></div>
						    			<div class="col-sm-4 col-xs-6">推荐金额：<span>{$user.zt_price}</span></div>
						    			<div class="col-sm-4 col-xs-6">组织人数：<span>{$user.z_usernum}</span></div>
						    			<div class="col-sm-4 col-xs-6">直推奖金：<span>{$user.zhijj}</span></div>
						    		</div>
						    	</div>
						    </div>
						  </div>
						</div>
					</div>
				</div>
				<div class="col-md-6">
					<div class="index_set sm_box">
						<div class="panel panel-default">
						  <div class="panel-heading"><i class="inde_icon icon_tglj"></i>推广链接</div>
						  <div class="panel-body text-center">
						    <div class="tgUrl">http://{$domain}/index/register?tj={$Think.session.username}</div>
						    <div class="tgEwm">
						    	<div class="imgBox">
						    		<img src="/user/qrcode?url={$domain}/index/register?tj={$Think.session.username}"/>
						    	</div>
						    </div>
						  </div>
						</div>
					</div>
				</div>
			</div>
			
			<div class="row">
				<div class="col-sm-12">
					<div class="index_set">
						<div class="panel panel-default">
						  <div class="panel-heading">
						  	<i class="inde_icon icon_mrfh"></i>每日分红：<span class="color_red">{$user.tian_fh}</span>
						  	<div class="sect_look">本月分红</div>
						  </div>
						  <div class="panel-body">
						    <div id="container" style="width:100%;height:400px"></div>
						  </div>
						</div>
					</div>
				</div>

				<div class="col-sm-12">
					<div class="index_set">
						<div class="panel panel-default">
						  <div class="panel-heading">
						  	<i class="inde_icon icon_mrfh"></i>每日分红：<span class="color_red">{$user.tian_fh}</span>
						  	<div class="sect_look">每月分红</div>
						  </div>
						  <div class="panel-body">
						    <div id="containerz" style="width:100%;height:400px"></div>
						  </div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</block>
<block name="script">
	<script type="text/javascript" charset="utf-8" src="__PUBLIC__/Dt/libs/highstock/highcharts.js"></script>
	<script type="text/javascript" charset="utf-8" src="__PUBLIC__/Dt/libs/highstock/exporting.js"></script>
	
	<script>
		new Highcharts.Chart('container', {
		    title: {
		        text: '每日走势图',
		        x: -20
		    },
		    xAxis: {
		        //categories: ['一月', '二月', '三月', '四月', '五月', '六月']
		        categories: eval("{$string1}")
		    },
		    yAxis: {
		        title: {
		            text: '单位 (元)'
		        },
		        plotLines: [{
		            value: 0,
		            width: 1,
		            color: '#808080'
		        }]
		    },
		    tooltip: {
		        valueSuffix: ' 元'
		    },
		    legend: {
		        layout: 'vertical',
		        align: 'center',
		        verticalAlign: 'bottom',
		        borderWidth: 0,
		        y: 20
		    },
		    //credits 隐藏插件信息
            credits: {
                enabled:false
            },
            //exporting 隐藏导出右上角导出图片按钮
            exporting: {
                enabled: false
            },
		    series: [{
		        name: '静态分红',
		        //data: [7.0, 6.9, 9.5, 14.5, 18.2]
		        data: eval("{$string2}")
		    }, {
		        name: '动态分红',
		        //data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0]
		        data: eval("{$string3}")
		    }]
		});

		new Highcharts.Chart('containerz', {
			chart: {
	            type: 'column'
	        },
		    title: {
		        text: '各月收入图',
		        x: -20
		    },
		    subtitle: {
	            text: null
	        },
		    xAxis: {
		        //categories: ['一月', '二月', '三月', '四月', '五月', '六月']
		        categories: eval("{$string4}"),
	            crosshair: true
		    },
		    yAxis: {
		        min: 0,
	            title: {
	                text: '单位 (元)'
	            }
		    },
		    tooltip: {
		        headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
	            pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
	            '<td style="padding:0"><b>{point.y:.1f} 元</b></td></tr>',
	            footerFormat: '</table>',
	            shared: true,
	            useHTML: true
		    },
		    plotOptions: {
	            column: {
	                pointPadding: 0.2,
	                borderWidth: 0
	            }
	        },
            credits: {
                enabled:false
            },
            //exporting 隐藏导出右上角导出图片按钮
            exporting: {
                enabled: false
            },
		    series: [{
		        name: '静态分红',
		        //data: [7.0, 6.9, 9.5, 14.5, 18.2]
		        data: eval("{$string5}")
		    }, {
		        name: '动态分红',
		        //data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0]
		        data: eval("{$string6}")
		    }]
		});
	</script>
</block>